/* 公共样式 */
html {
    height: 100%;
}

body {
    max-width: 640px;
    min-width: 320px;
    margin: 0 auto;
    font-size: 14px;
    color: #333;
    /*background-color: #f0f0f0;*/
    font-family: Microsoft YaHei, '微软雅黑', Arial, Helvetica, sans-serif;
    line-height: 20px;
    height: 100%;
}

input {
    outline: none;
}

a, a:hover, a:focus, a:visited {
    color: #333;
}

/*底部导航*/
.am-navbar {
    max-width: 640px;
    min-width: 320px;
    left: auto;
    box-shadow:-3px -4.5px rgba(68,10,89,0.13);

}

.am-navbar-default .am-navbar-nav {

    background-color: rgba(255, 255, 255, 0.2);
}

/*苹果5以下适配*/
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    /* 兼容iphone5 */
    .am-navbar-default .am-navbar-nav {
        background-color: #ad61c6!important;
    }

}

.add-bottom-bg{
    background-color: #ad61c6!important;
}

.am-navbar-nav a .am-navbar-label {
    color: #441269;
}

.bg-white {
    background-color: #FFF;
}

.app-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, #5014bd, #972cb3);
    background-image: url("../../images/bg/app_bg.png");
    background-repeat:no-repeat;
    background-size: 100% 100%;
    z-index: -1;
}

.margintop10{
    margin-top: 10px;
}
.margintop15{
    margin-top: 15px;
}
.margintop25{
    margin-top: 25px;
}

.margintop35{
    margin-top: 35px;
}

.ovfHiden {
    overflow: hidden;
    height: 100%;
}
.pop-up-btn{
    display: inline-block;
    line-height: 38px;
    color: #FFF;
    width: 145px;
    font-size: 15px;
    border-radius: 10px;
    background: -webkit-linear-gradient(top, #E94EA1, #FC598F); /* 背景色渐变 */
    box-shadow:3px 3px 3px rgba(245,155,191,0.64);
}
.am-navbar-nav a .am-navbar-label.active{
    color: #FFF;
}

[v-cloak] {
    display: none;
}